<template>
	<view class="merchants">
		<view class="navstatus">
			<view>基础信息</view>
			<view>营业信息</view>
			<view>全年 周一至周日 24小时营业</view>
			<view>
				<view>
					<view>洪山区珞狮路理工大孵化楼B 座24楼（近维也纳酒店、北...</view>
					<view>距你652m，步行约9分钟</view>
				</view>
				<view>
					<view><image src="../../../../static/images/common/daohang.png" mode=""></image></view>
					<view>到店</view>
				</view>
				<view><image src="../../../../static/images/common/dianhua.png" mode=""></image></view>
			</view>
		</view>
		<!-- 服务信息 -->
		<view class="service">
			<view>服务信息</view>
			<!-- 有休息区 -->
			<view class="Have">
				<view class="HaveTo">
					<image src="../../../../static/images/common/duigou.png" mode=""></image>
					<view>有休息区</view>
				</view>
				<view class="HaveTo">
					<image src="../../../../static/images/common/duigou.png" mode=""></image>
					<view>观影区</view>
				</view>
				<view class="HaveTo">
					<image src="../../../../static/images/common/duigou.png" mode=""></image>
					<view>每日消毒</view>
				</view>
				<view class="HaveTo">
					<image src="../../../../static/images/common/duigou.png" mode=""></image>
					<view>佩戴口罩</view>
				</view>
				<view class="HaveTo">
					<image src="../../../../static/images/common/duigou.png" mode=""></image>
					<view>全员测体温</view>
				</view>
			</view>
		</view>
		<!-- 商家认证 -->
		<view class="certification">
			<view>商家认证</view>
			<view>
				<view>
					<view>安</view>
					<view>安心用：优选门店，核销使用有保障</view>
				</view>
				<view><image src="../../../../static/images/common/more-arrow-right.png" mode=""></image></view>
			</view>
		</view>
		<view class="certification">
			<view>商家信息</view>
			<view>
				<view>
					
					查看其他门店（19家）
				</view>
				<view><image src="../../../../static/images/common/more-arrow-right.png" mode=""></image></view>
			</view>
		</view>
	</view>
</template>
<script>
export default {
	data() {
		return {};
	},
	components: {}
};
</script>
<style lang="scss" scoped>
.merchants {
	padding: 32upx 0upx 92upx 0upx;
	background: #f5f5f5 !important;
	height: 75vh;
	.navstatus {
		width: 93%;
		margin: 0 auto;
		background: #ffffff;
		padding: 32upx 24upx 32upx 34upx;
		border-radius: 20upx;
		& > view:nth-child(1) {
			font-size: 32upx;
			font-family: Source Han Sans CN;
			font-weight: bold;
			color: #333333;
		}
		& > view:nth-child(2) {
			margin-top: 31upx;
			font-size: 28upx;
			font-family: Source Han Sans CN;
			font-weight: 400;
			color: #333333;
		}
		& > view:nth-child(3) {
			margin-top: 19upx;
			font-size: 22upx;
			font-family: Source Han Sans CN;
			font-weight: 400;
			color: #999999;
		}
		& > view:nth-child(4) {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-top: 57upx;
			& > view:nth-child(1) {
				width: 60%;
				& > view:nth-child(1) {
					font-size: 28upx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #333333;
				}
				& > view:nth-child(2) {
					margin-top: 16upx;
					font-size: 22upx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #999999;
				}
			}
			& > view:nth-child(2) {
				display: flex;
				align-items: center;
				& > view:nth-child(1) {
					width: 58upx;
					height: 58upx;
					background: #f1f3f5;
					border-radius: 50%;
					display: flex;
					align-items: center;
					justify-content: center;
					image {
						width: 30upx;
						height: 30upx;
					}
				}

				& > view:nth-child(2) {
					background: url(../../../../static/images/common/yunx.png) no-repeat;
					background-size: 100%100%;
					width: 48upx;
					height: 28upx;
					font-size: 18upx;
					font-family: Source Han Sans CN;
					font-weight: bold;
					color: #ff6030;
					display: flex;
					align-items: center;
					justify-content: center;
					margin-top: -40upx;
				}
			}
			& > view:nth-child(3) {
				width: 58upx;
				height: 58upx;
				background: #f1f3f5;
				border-radius: 50%;
				// margin-top: 10upx;
				display: flex;
				align-items: center;
				justify-content: center;
				image {
					width: 40upx;
					height: 40upx;
				}
			}
		}
	}
	// 服务信息
	.service {
		width: 93%;
		margin: 20upx auto;
		background: #ffffff;
		padding: 32upx 24upx 22upx 34upx;
		border-radius: 20upx;
		& > view:nth-child(1) {
			font-size: 32upx;
			font-family: Source Han Sans CN;
			font-weight: bold;
			color: #333333;
		}
		.Have {
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			justify-content: space-between;
			justify-content: flex-start;
			padding: 30upx 126upx 0upx 10upx;
			.HaveTo {
				display: flex;
				align-items: center;
				width: 33%;
				padding: 0upx 0upx 24upx 0upx;
				image {
					width: 21upx;
					height: 21upx;
					display: flex;
				}
				& > view {
					margin-left: 2upx;
					font-size: 24upx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #333333;
				}
			}
		}
	}
	// 商家认证
	.certification {
		width: 93%;
		margin: 20upx auto;
		background: #ffffff;
		padding: 32upx 24upx 32upx 34upx;
		border-radius: 20upx;
		& > view:nth-child(1) {
			font-size: 32upx;
			font-family: Source Han Sans CN;
			font-weight: bold;
			color: #333333;
		}
		& > view:nth-child(2) {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-top: 33upx;
			& > view:nth-child(1) {
				display: flex;
				align-items: center;
				& > view:nth-child(1) {
					width: 26upx;
					height: 26upx;
					border: 1upx solid #e3f3f5;
					border-radius: 6upx;

					font-size: 18upx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #0c9fd9;
					display: flex;
					align-items: center;
					justify-content: center;
				}
				& > view:nth-child(2) {
					font-size: 24upx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #333333;
					margin-left: 19upx;
				}
			}
			& > view:nth-child(2) {
				image {
					width: 22upx;
					height: 30upx;
					display: flex;
				}
			}
		}
	}
}
</style>
